// 获取邀请按钮
let inviteBtn = document.querySelector('.invite-btn')
// 当前链接地址
let origin = location.origin
/** 获取商品信息 */
let params = new URLSearchParams(location.search)
// 默认id = 123
let id = params.get('id') || 123
// 调用接口，获取商品信息
$.get(`http://localhost:3000/goods?id=${id}`, function (res) {
    console.log(res)
    // 使用获取的数据修改页面
    $("#cover").attr('src', res.url)
    $("#name").html(res.name)
    $("#already").html(res.already.toFixed(2))
    $("#remain").html((res.total - res.already).toFixed(2))
    $(".value").css('width', (res.already / res.total) * 100 + '%')

    let htmls = makeLogs(res.logs)
    $(".log-list").html(htmls)
    // 如果剩余价格小于等于0，则砍价成功
    if((res.total - res.already).toFixed(2) <= 0){
        $(".kj-tip").html('砍价成功!')
        $(".mask").show()
    }
})
// 生成砍价记录
function makeLogs(logs) {

    var arr = []
    for (let i = 0; i < logs.length; i++) {
        arr.push(template(logs[i],i+1))
    }
    return arr.join('')
}
function template(p,i=0) {
    var li = ` <li>
                <div class="order-number">${i}</div>
                <div>
                    <img src="./img/a${Math.floor(Math.random()*10)+1}.jpeg" alt="头像" class="avatar">
                </div>
                <div>
                    <h3>张三</h3>
                    <p>使用砍价工具狂砍一刀</p>
                </div>
                <div>
                    砍掉${p.toFixed(2)}元
                </div>
            </li>`
    return li
}

// 点击邀请按钮，复制邀请链接到剪切板
$(".invite-btn").click(function () {
    copyToClip(`${origin}/kj.html?id=${id}`,
        function () {
            alert('链接复制成功，邀请好友帮你砍一刀')
        })
})

// 复制的方法
function copyToClip(content, cb) {
    var aux = document.createElement("input");
    aux.setAttribute("value", content);
    document.body.appendChild(aux);
    aux.select();
    document.execCommand("copy");
    document.body.removeChild(aux);
    if (typeof cb === 'function') {
        cb()
    }
}


/** 关闭mask */
$(".mask").click(function(){
    $(".mask").hide()
})